<template>
    <div>
<!--        台头和搜索框-->
        <div class="title">
            <van-row type="flex" justify="space-between">
                <van-col span="4" class="title_left">首页</van-col>
                <van-col span="18" style="text-align: center;">
                    <router-link to="/Search">
                        <van-button round type="info" size="normal" color="#FD7304" style="height: 30px;">在这里搜索更多精彩内容！<van-icon name="search" style="vertical-align: middle;" /></van-button>
                    </router-link>
                </van-col>
            </van-row>
        </div>

    </div>
</template>

<script>
    export default {
        name: "Title"
    }
</script>

<style scoped lang="less">
    .title{
        padding: 0px 10px;
        height: 50px;
        line-height: 50px;
        .title_left{
            font-size: 18px;
            font-weight: bold;
        }
    }
</style>